body {
    /*取消浏览器内间距  外间距*/
    margin: 0;
    padding: 0;
}

.d1 {
    width: 600px;
    height: 400px;
    background-color: skyblue;
}

.d2 {
    width: 300px;
    height: 100px;
    background-color: red;
}

/*
position: relative
相对定位：占据文档流
        相对 该元素 原来的位置 进行的偏离
*/
.d3 {
    width: 400px;
    height: 200px;
    background-color: yellow;
    position: relative; /*占据文档流*/
    top: 20px; /*相对 该元素 原来的位置 进行的偏离*/
    left: 30px;
}

.d4 {
    width: 500px;
    height: 100px;
    background-color: chartreuse;
}
